<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>DNA Preloader</title>
    <link rel="stylesheet" href="./style.css" />
  </head>

  <body>

    <div class="container">
      <svg class="dot blue" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot blue" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot blue" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot blue" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot blue" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot blue" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot blue" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot blue" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot blue" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot blue" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
    </div>

    <div class="container">
      <svg class="dot yellow" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot yellow" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot yellow" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot yellow" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot yellow" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot yellow" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot yellow" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot yellow" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot yellow" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
      <svg class="dot yellow" viewBox="0 0 100 100">
        <circle cx="50" cy="50" r="50" />
      </svg>
    </div>
  </body>
</html>
